import { StyleVars } from '@varlet/ui';

const theme: StyleVars = {
  // 通用背景色
  '--color-body': '#111111',
  // 通用文字颜色
  '--color-text': '#FFFFFF',
  // 主色
  '--color-primary': '#0063F5',
  // 主色稍微深一点
  '--color-primary-deep': '#277242',
  // 信息色，一般是主色
  '--color-info': '#0063f5',
  // 成功色，一般是主色
  '--color-success': '#0063f5',
  // 警告色，一般是黄色
  '--color-warning': '#F6C03E',
  // 危险色，一般是红色
  '--color-danger': '#D44343',
  // 部分表单的背景色
  '--form-color': '#F7F7F7',
  // 顶部appbar背景色
  '--app-bar-color': '#f6f7fb',
  // 顶部appbar字体颜色
  '--app-bar-text-color': '#1F1F1F',
  '--app-bar-primary-text-color': '#ffffff',
  // 底部导航栏背景色
  '--bottom-navigation-background-color': '#ffffff',
  // 底部导航栏阴影色
  '--bottom-navigation-shadow-color': 'rgba(211, 211, 211, 0.24)',
  '--bottom-navigation-item-inactive-color': '#979797',
  // 通用按钮圆角：10px
  '--button-border-radius': '1.33333vw',
  // 大按钮的高度，96px
  '--button-large-height': '12.8vw',
  '--button-default-color': '#f6f6f6',
  '--button-danger-color': '#FF5D5F',
  // 骨架屏padding值
  '--skeleton-content-padding': '0',
  // tag 的背景色
  '--tag-bg-color': '#F6F6F6',
  // vant主题色
  '--van-primary-color': '#0063f5',
  // 聊天背景
  '--chat-list-body': '#ededed',
  // 聊天底部背景
  '--chat-footer-bg': '#F6F6F6',
  // 聊天输入框背景
  '--chat-input-bg': '#ffffff',
  '--chat-system-bg': '#E4E4E4',
  '--notice-danger-bg': '#FAECEC',
  '--field-decorator-blur-color': 'rgba(255, 255, 255, 0.25)',
  '--border-color': '#b7b7b7',
  '--border-sub-color': '#ebebeb',
};
/**
 * 白天模式颜色
 */
export default theme;
